<template>
  <!-- 服务能力 -->
  <div class="app">
    <div class="app-bg" id="AirCIMMapContainerView"></div>
    <TopTitle></TopTitle>
    <div style="display: flex; justify-content: space-between">
      <div class="left" style="margin-left: 30px;width: 460px;">
        <div style="position: relative;height: 450px;margin-top: 11px;">
          <ServiceSituation></ServiceSituation>
        </div>
        <div style="position: relative; margin-top: 20px;height: 450px;">
          <ServiceWorkAbility></ServiceWorkAbility>
        </div>
      </div>
      <div class="middle" style="margin: 0 auto; width: 880px;">
        <div style="position: relative; margin-top: 20px; height: 78px">
          <ServiceIconNum></ServiceIconNum>
        </div>
        <!-- 评价分析 -->
        <div style="position: relative; margin-top: 0px; height: 260px"></div>
      </div>
      <div
        class="right"
        style="margin-right: 30px; width: 460px; height: 274px"
      >
        <div style="position: relative; margin-top: 11px;height: 921px">
          <ServiceNetManage></ServiceNetManage>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import TopTitle from "../components/elements/TopTitle.vue";
import ServiceSituation from "../components/elements/ServiceSituation.vue";
import ServiceWorkAbility from "../components/elements/ServiceWorkAbility.vue";
import ServiceIconNum from "../components/elements/ServiceIconNum.vue";
import ServiceNetManage from "../components/elements/ServiceNetManage.vue"
export default {
  components: {
    TopTitle,
    ServiceSituation,
    ServiceWorkAbility,
    ServiceIconNum,
    ServiceNetManage
  },
  methods: {
    initMap(){
      //加载场景 加载实例DOM,图层model,当前实例项
      AirCIMActiveScene('AirCIMMapContainerView','6',this);
    },
  },
  mounted() {
    this.initMap();
  }
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  width: 1920px;
  height: 1080px;
  background: rgba(2, 25, 35);
}
.app{
  position: relative;
}
.app-bg{
  width: 100%;
  height: 100%;
  position: absolute;
}
</style>
